﻿body{
    font: 12px Calibri; 
    margin: 0px;
}

.header{
    padding-left: 10px;
    padding-top: 5px;
    background-color: #679BB7; 
    height: 25px;
}

.header h1{
    font-size: 13.5px; 
    margin: 2px;
}

.container{
    width: 100%;
    background-color: #f0f0f0; 
}

.sidebar{
    float: left; 
    width: 10%; 
    min-height: 170px;
    max-height: 100%;
    background-color: #f0f0f0;
}

.sidebar .nav{
    padding: 10px;
}

.nav ul{
    list-style: none; 
    padding: 0px; 
    margin: 0px;
}

.nav ul li{
    margin-bottom: 5px; 
}

.nav ul li a{
    color: #3d677e;
}

.nav ul li a:hover{
    text-decoration: none;
}

.content{
    float: left;
    width: 80%;
    min-height: 170px;
}

.content .section{
    padding: 10px;
}

.content h2{
    font-size: 16px; 
    margin: 0px;
}

.clearfix{
    clear: both;
}

.footer{
    background-color: #679BB7; 
    padding: 10px 0;
    height: 15px;
    line-height: 3px;
}

.footer p{
    text-align: center; 
    margin: 5px;
}

/* div Float Headers */

.headerfloat {
    float: left; 
    width: 80%;
}

.height55 {
    height: 55px;
}

.help {    
    /*padding-left: 150px;*/
    text-align: center;
    font-family: Calibri; 
    font-size: 13.5px;
    font-weight: bold;
}

/* Refer Link: http://www.cssterm.com/css-menus/vertical-css-menu/simple-vertical-menu */
/* CSS Vertical Menu */

.menu ul {
    margin: 0; 
    padding: 0;
    width: 90%;    
    list-style-type: none;
    font: 12px Calibri;
    font-weight: bold; 
}

.menu ul li a {
    text-decoration: none;
    color: white; 
    padding: 5px 11px;
    background-color: #005555;
    display:block;
}
 
.menu ul li a:visited {
    color: white;
}
 
.menu ul li a:hover, .menu ul li .current {
    color: white;
    background-color: #5FD367;
}

.menu ul li.selected  {
    color: white;
    background-color: #5FD367;
}